<!DOCTYPE html>
<html>
<head>
<title>Zepter Sale Engine</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />


<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css" />
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link rel="stylesheet" href="css/themes/my-custom-theme.css" />
<link rel="stylesheet" href="css/sidepanel.css">

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.1.min.js"></script>
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/idangerous.swiper-2.1.min.js"></script>

<script type="text/javascript">
/*======
Use document ready or window load events
For example:
With jQuery: $(function() { ...code here... })
Or window.onload = function() { ...code here ...}
Or document.addEventListener('DOMContentLoaded', function(){ ...code here... }, false)
=======*/

window.onload = function() {
	  var mySwiper = new Swiper('.swiper-container',{
		    pagination: '.pagination',
		    paginationClickable: true
		  });
}


</script>





</head>
<body>
	<div data-role="page" id="page1">
		<div data-role="header" id="zhead">
			<a href="#sideNav" id="navIcon"> <img id="theImg" src="img/zlog.png" />
			</a>

			<div align="center">
				<img src="img/zepterlogo.png">
			</div>
		</div>

		<div data-role="panel" id="sideNav" data-position="left" data-position-fixed="true">

			<div id="sideHeader"></div>

			<a href="login.html" id="login" data-role="button" data-theme="a" data-corners="false" data-shadow="true">login</a> <a href="registration.html"
				id="registration" data-role="button" data-theme="a" data-corners="false" data-shadow="true">registration</a> <a href="ranking.html" id="ranking"
				data-role="button" data-theme="a" data-corners="false" data-shadow="true">ranking</a>

			<fieldset data-role="collapsible" id="collapsibleMenu" data-corners="false" data-theme="a">
				<legend>products</legend>
				<ul id="collapsePanel">
					<li><a href="item2.html">Zepter Medical</a></li>
					<li><a href="item9.html">Zepter Cosmetic</a></li>
					<li><a href="catalogue.html">Zepter Luxury</a></li>
					<li><a href="item10.html">Zepter Home Art</a></li>
					<li style="border-bottom-style: none;"><a href="item10.html">Zepter Home Care</a></li>
				</ul>
			</fieldset>

			<fieldset data-role="collapsible" id="collapsibleMenu2" data-corners="false" data-theme="a">
				<legend>zepter worlds</legend>
				<ul id="collapsePanel">
					<li>Zepter World</li>
					<li><a href="item2.html">Company Profile</a></li>
					<li>Vision & Mission</li>
					<li><a href="item3.html">Vision</a></li>
					<li><a href="item4.html">Mission</a></li>
					<li>Facilities</li>
					<li><a href="item5.html">Buildings</a></li>
					<li><a href="item6.html">Shops</a></li>
					<li><a href="item7.html">Manufacturers</a></li>
					<li><a href="item8.html">Factories</a></li>
					<li>Global Reocgnition</li>
					<li><a href="item9.html">Awards</a></li>
					<li><a href="item10.html">Certificates</a></li>

				</ul>
			</fieldset>
		</div>


		<div data-role="content">

			<div class="swiper-container" align="center">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<a href="..."><img src="product-images/watch.jpg" /></a>

					</div>
					<div class="swiper-slide">
						<a href="..."><img src="product-images/home-care.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href="..."><img src="product-images/coffe.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href="..."><img src="product-images/top.jpg" /></a>
					</div>
					<div class="swiper-slide">
						<a href="..."><img src="product-images/hifi.jpg" /></a>
					</div>
				</div>
				<div class="pagination"></div>
			</div>

			<ul id="listOfItems" data-role="listview" data-inset="true">

				<li><a href="item2.html">Zepter Medical</a></li>
				<li><a href="item9.html">Zepter Cosmetic</a></li>
				<li><a href="catalogue.html">Zepter Luxury</a></li>
				<li><a href="item10.html">Zepter Home Art</a></li>
				<li style="border-bottom-style: none;"><a href="item10.html">Zepter Home Care</a></li>

			</ul>
		</div>

		<div data-role="footer">
			<h4>© Copyright 2009 Zepter International</h4>
		</div>
	</div>


</body>

</html>